
<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./css/index.css" rel="stylesheet">
    <!-- <link href="./css/bootstrap.min.css" rel="stylesheet"> -->
    <script src="./js/jquery-2.0.3.min.js"></script>
	  <!-- <script src="./js/bootstrap.min.js"></script> -->
    <script src="./js/index.js"></script>
  </head>
  <body>
    <div id="menu-left">
      <ul>
        <li></li>
        <li id="All"><a href="#" class="light">所有记事</a></li>
        <li id="All1"><a href="#">未完成</a></li>
        <li id="All2"><a href="#">已完成</a></li>
      </ul>
    </div>
    <div id="container-blank">
      <div id="container">
        <h3>所有记事</h3>
        <div class="container-table">
          <div><input type="text" id="search" class="search" placeholder="输入想干的事"><input type="submit" value="添加" id="btn_add" class="btn_add"></div>
          <div><table id="table" class="table" cellspacing="0" cellpadding="">
            <tr>
              <td class="td_checkbox"><input type="checkbox" class="checkbox"></td>
              <td><p>来自深渊</p></td>
              <td class="td_btn_del"><input type="submit" value="删除" class="btn_del"></td>
              <td id="1" hidden="hidden">1</td>
            </tr>
            <tr>
              <td class="td_checkbox"><input type="checkbox" class="checkbox"></td>
              <td><p>狂赌深渊</p></td>
              <td class="td_btn_del"><input type="submit" value="删除" class="btn_del"></td>
              <td id="2" hidden="hidden">2</td>
            </tr>
            <tr>
              <td class="td_checkbox"><input type="checkbox" class="checkbox" checked="checked"></td>
              <td><p>深渊</p></td>
              <td class="td_btn_del"><input type="submit" value="删除" class="btn_del"></td>
              <td id="3" hidden="hidden">3</td>
            </tr>
            <tr>
              <td class="pageHelper" colspan="3">
                <ul class="pagination">
                  <li class="pre"><a href="#">&laquo;</a></li>
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li class="next"><a href="#">&raquo;</a></li>
                  <li>到第</li>
                  <li>1</li>
                  <li>页</li>
                  <li><input type="submit" value="确定"></li>
                  <li>共18条</li>
                  <li>
                    <select>
                      <option value="">5条每/页</option>
                      <option value="">8条每/页</option>
                    </select>
                  </li>
                </ul>
              </td>
            </tr>
          </table></div>
          <div></div>
        </div>
      </div>
    </div>

  </body>
</html>